1 * {
2     font-family: arial,sans-serif;
3     margin:0px;
4     padding:0px;
5 }
6 body {
7     width:1200px;
8     margin:auto;
9     border:2px solid #
009688;
10 }
11 li {
12     list-style:none;
13     margin:0px;
14 }
15 a {
16     text-decoration:none;
17 }
18 *:focus {
19     outline:1px solid #
009688;
20 }
21 ::-moz-selection {
/* Code for Firefox */
22     color: white;
23     background:#
009688;
24 }
25
26 ::selection {
27     color: white;
28     background:#
009688;
29 }

30 /* Login Form Design starts here. */

31 .login-form li {
32     list-style:none;
33     margin:20px 0px;
34     margin-left:40px;
35 }
36 .login-box {
37     width:500px;
38     margin:auto;
39     margin-top:
10%;
40     border:2px solid #
009688;
41     background:#f6f6f6;
42 }
43 .login-box h1 {
44     text-align:center;
45     margin:0px;
46     background-color:#
009688;
47     color:white;
48     font-weight:normal;
49 }
50 label {
51     margin:5px 0px;
52     font-size:14px;
53 }
54 .label-block {
55     display:inline-block;
56     width:100px;
57 }
58 .input-box {
59     display:inline-block;
60     margin:5px 0px;
61 }
62 .input-box input {
63     width:200px;
64     padding:5px 5px;
65     margin:auto;
66 }
67 .input-box textarea {
68     width:200px;
69     height:75px;
70     padding:5px 5px;
71 }
72 .input-box
select {
73     padding:5px 2px;
74     width:200px;
75     margin:auto;
76 }
77 .submit_button {
78     font-size:16px;
79     margin-top:20px;
80     margin-right:20px;
81     padding:6px 10px;
82     background-color:#
009688;
83     border:none;
84     color:white;
85 }
86 .submit_button:hover,.submit_button:focus {
87     cursor:pointer;
88     color:black;
89     background:#32ab9f;
90 }
91 .error_message {
92     margin-left:5px;
93     color:red;
94 }
95 .confirm_message {
96     margin-left:5px;
97     color:green;
98 }

99 /* Login Form Design ends here. */
100
101
102
103 /* Design Admin page starts here. */

104 header {
105     background-color:#
009688;
106     height:100px;
107     margin:0px auto;
108 }
109 header h1 {
110     text-align:center;
111     line-height:100px;
112     color:white;
113     font-size:60px;
114     font-weight:normal;
115 }
116 nav {
117     margin:0px;
118     text-align:center;
119     background-color:#EEEEEE;
120     border-bottom:2px solid #ccc;
121 }
122 nav a {
123     color:black;
124     display:inline-block;
125     padding:10px 20px;
126 }
127 nav a:hover {
128     background-color:#
009688;
129     color:white;
130 }
131 .table_mainWrapper {
132     width:1200px;
133     border-spacing:0px;
134 }
135 #td_aside {
136     background-color:#EEEEEE;
137     vertical-align:top;
138     width:200px;
139     border-right:2px solid #ccc;
140 }
141 aside a {
142     color:black;
143     display:block;
144     padding:10px 20px;
145 }
146 aside a:hover {
147     background-color:#
009688; /* #d6d6d6 */
148     color:white;
149 }
150 #td_section {
151     vertical-align:top;
152 }
153 .userInfoBar {
154     width:1000px;
155     background-color:#f4f4f4;
156 }
157 section {
158     width:1000px;
159     padding:10px;
160     padding-bottom:40px;
161 }
162 section h1 {
163     margin-bottom:10px;
164     font-weight:normal;
165     color:#
333;
166     font-size: 26px;
167 }
168 section p {
169     width:800px;
170     line-height: 25px;
171 }
172 article {
173     margin-top:20px;
174     margin-bottom:50px;
175 }
176 article h2 {
177     margin-bottom:5px;
178     font-weight:normal;
179     color:#
333;
180     font-size: 20px;
181 }
182 table {
183     border-collapse: collapse;
184 }
185 .table_displayData td, .table_displayData th {
186     border:1px solid #ddd;
187     padding: 8px 10px;
188     text-align: left;
189 }
190 .table_displayData th {
191     background-color:#eee;
192     color:#
333;
193 }
194 .table_invoiceFormat th {
195     background-color:#eee;
196     color:#
333;
197     padding: 7px 25px;
198 }
199 .table_invoiceFormat tr {
200     border:none;
201 }
202 .table_invoiceFormat td,.table_invoiceFormat tr {
203     padding: 5px 25px;
204     text-align: left;
205 }
206 .table_infoFormat {
207     margin:20px 5px 25px;
208 }
209 .table_infoFormat td {
210     padding:5px 5px 0px 0px;
211 }
212 .table_infoFormat td:first-child {
213     font-weight:bold;
214 }
215 footer {
216     clear:both;
217     padding:20px;
218     font-size:20px;
219     background-color:#
009688; /* #009688 */
220     color:white;
221     text-align:center;
222 }

223 /* Design of Admin page ends here. */


Gõ tìm kiếm nhanh...